<template>
  <router-view></router-view>
</template>
<script setup>
import { onBeforeMount } from 'vue'

onBeforeMount(() => {
  if (document.getElementsByClassName('sk-cube-grid')[0]) {
    document.body.removeChild(
      document.getElementsByClassName('sk-cube-grid')[0]
    )
  }
})
</script>
<style lang="less">
@import './assets/font/iconfont.css';
footer {
  font: 12px Microsoft YaHei,Arial,Helvetica,sans-serif;
  position:absolute;
  bottom:0;
  width: 100%;
  background-color: #f5f2f2;
  text-align: center;
  padding: 10px 0;
  clear: both;
  z-index: 99999;
  height: 33px;
  position: fixed;
}
footer, footer a {
  color: #a5a4a4;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  padding: 0;
  margin: 0;
  background-color: #f4f3f3;
}

#app {
  height: 100vh;
  //overflow:hidden;
  //text-align: center;
}
a,
a:hover {
  text-decoration: none;
}
//
//.el-drawer {
//  background-image: url("./assets/img/computer.jpg");
//  background-size: cover;
//  background-position: center;
//}

//.expand-enter-active {
//  transition: all 1s ease;
//  height: 50px;
//  overflow: hidden;
//}
//
//.expand-leave-active {
//  transition: all 1s ease;
//  height: 0px;
//  overflow: hidden;
//}
//
//.expand-enter, .expand-leave {
//  height: 0;
//  opacity: 0;
//}
</style>
